<template>
  <div>
      <h1>{{msg}}</h1>
      <h2>学生姓名：{{name}}</h2>
      <h2>学生性别：{{sex}}</h2>
      <h2>学校年龄：{{myAge+1}}</h2>
      <button @click="updateAge">尝试修改接收到的年龄</button>
      <hr/>
  </div>
</template>

<script>    
    export default {
        name:'Student',
        data(){
            return{ 
                msg:'我是一个尚硅谷的学生',
                myAge:this.age
            }
        },
        methods:{
            updateAge(){
                this.myAge++;
            }
        },
        // props:['name','sex','age']  //简单声明接收

        // 接收的同时对数据进行类型限制
        // props:{
        //     name:String,
        //     sex:String,
        //     age:Number
        // }

        // 接收的同时对数据：进行类型限制+默认值的指定+必要性的限制
        props:{
            name:{
                type:String,    //name的类型是字符串    
                required:true   //name是必传的，不传报错
            },
            age:{
                type:Number,    //age的类型是整型
                default:99      //表示该属性可传可不传，如果不传默认值为99
            },
            sex:{
                type:String,    //sex的类型是字符串    
                required:true   //sex是必传的，不传报错
            }
        }
    }
</script>